body,
input,
select{
font-family:Tahoma,Geneva,sans-serif;
font-size:12px;
margin:0;
padding:0;
}

#admin_body{
width:920px;
height:500px;
border:1px solid black;
background-color:#FFF;
margin-top:5px;
}

#topbar{
background-color:grey;
width:100%;

}

#topbar a{
color:white;
text-decoration:none;
}

a{
color:black;
text-decoration:none;
}

#admin_title{
font-weight:bold;
font-size:16px;

}

#admin_detail{
width:900px;
height:500px;
border:1px solid black;
background-color:#FFF;
margin-top:20px;
}

table#admin_detail td{
vertical-align:top;
}

#admin_content table{
text-align:center;
width:600px;
height:30px;
margin-bottom:20px;
}
#admin_content table td{
	
	width:10%;
}

#stat_chart{
margin-top:20px;
width:600px;
border:1px solid black;
height:350px;
}

#chart_title{
	font-weight:bold;
	font-size:12px;
	border-bottom:1px solid black;
	padding-bottom:3px;
}
#chart_body{
	height:344px;

vertical-align: bottom;
vertical-align: text-bottom; 
	
}

#chart_body table{
	height:98%;
	width:100%;
}
#chart_body td{
	
	height:100%;
	
}



table#cs{
	margin-top:5px;
	margin-left:10px;
	width:600px;
	text-align:center;
}
table#cs td{
border:1px solid black;
}

table#cs th{
border:1px solid black;
background-color:#CDCDCD;
}
table#cs tr#lunch td{
background-color:#c43546;
font-weight:bold;
text-align:center;
font-size:12px;
}

table#cs tr.break td{
background-color:#00a8eb;
font-weight:bold;
font-size:10px;
}

table#cs_t{
	height:332px;
	width:600px;
	text-align:center;
}
table#cs_t td{
border:1px solid black;
width:11.5%;
}

table#cs_t th{
border:1px solid black;
background-color:#CDCDCD;
}
table#cs_t tr#lunch td{
background-color:#c43546;
font-weight:bold;
text-align:center;
font-size:14px;
}

table#cs_t tr.break td{
background-color:#00a8eb;
font-weight:bold;
font-size:12px;
}


table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	vertical-align:middle;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	vertical-align:middle;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color:#FFF;
	vertical-align: top;
}
table.tablesorter tbody td.finish{
	background-color:#CCFFCC;
}
table.tablesorter tbody td.notyet{
	background-color:#FF9900;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
vertical-align:middle;
}

table.tablesorter2 {
	font-family:arial;
	background-color: #CDCDCD;
	font-size: 8pt;
	width: 800px;
	text-align: left;
}
table.tablesorter2 thead tr th, table.tablesorter2 tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter2 thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter2 tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter2 tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter2 thead tr .header																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																									SortUp {
	background-image: url(asc.gif);
}
table.tablesorter2 thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter2 thead tr .headerSortDown, table.tablesorter2 thead tr .headerSortUp {
background-color: #8dbdd8;
}
.pagedisplay{
height:10px;
font-size:10px;
}

#pager img{
margin-top:5px;
}



#home_body{
	background:url("../images/bg.png") repeat-x scroll center top #FFFFFF;
	margin:0;
	padding:0;
	height:720px;
	
}
#home_navi{
		
		width:800px;
		height:160px;
		padding:0px;
		
		
	}
.navi_img{
	float:left;
}

#home_content{
	width:800px;
}


#leftside{
		background:url("../images/leftside.gif") repeat-y scroll center top;
		width:30px;
		height:610px;
		float:left;
		margin-left:10px;
}
#home_main_content{
		width:687px;
		float:left;
		height:610px;
		background-color:#FFF;
	}
#rightside{
		background:url("../images/rightside.gif") repeat-y scroll center top;
		width:30px;
		height:610px;
		float:left;
}
#news{
	margin-top:20px;
}

.news_time span{
	font-family:Tahoma,Geneva,sans-serif;
	font-size:9px;
}
#login_gif{
	position:absolute;

}
      #login { 
       position: absolute; 
      top:0px;
	   left:40%;
       z-index: 10; 
	   background:#ffc;
	   padding:5px;
       border:1px solid #CCCCCC;
       text-align:center; 
       font-weight:bold; 
       width:210px;
	   height:auto;
      }
      
#photo_content{
	background:url("../images/bkgnd4_002.gif") repeat;
	width:500px;
	height:300px;
	padding:10px;
}
#in_photo{
	background:url("../images/sk_bkgnd6a.gif") repeat;
	width:100%;
	height:99%;
	padding-top:5px;
}
#parent_content{
	background:url("../images/bkgnd4_002.gif") repeat;
	width:500px;
	height:400px;
	padding:10px;
	margin-top:20px;
}
#in_parent{
	background:url("../images/sk_bkgnd6a.gif") repeat;
	width:100%;
	height:99%;
	padding-top:5px;
	
	font-size:16px;
}

#in_parent_avatar img{
	border:none;
	max-width:100px;
	max-height:100px;
	}
.album img{
	max-width:320px;
	max-height:210px;
	border:none;
}

.info_title{
	font-weight:bold;
}
.info_value{
	font-style:italic;
	margin-left:5px;
	text-decoration:underline;
}

#msg_box{
	position:absolute;
	width:300px;
	height:200px;
	display:none;
	background:none repeat scroll 0 0 #FFFFCC;
	left:35%;
	top:0px;
	overflow:auto;
}

#msg_record{
	width:250px;
	border-top:1px solid black;
	text-align:left;
}

.msg_date{
	color:grey;
	font-size:9px;
}